<!--
 * @Author: your name
 * @Date: 2020-11-24 16:53:15
 * @LastEditTime: 2020-12-15 12:39:24
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \wilde-survival-plant\src\App.vue
-->
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import permission from '@/directive/permission/index.js' // 权限判断指令
export default {
  name: 'App',
  directives: { permission }
}
</script>
<style lang="scss">
.icon_menu_plant::before{
  display: block;
  height: 15px;
  width: 15px;
  background-image: url('./assets/icon_library.png');
  background-size: 15px;
  content: '';
}
.icon_menu_question::before{
  display: block;
  height: 15px;
  width: 15px;
  background-image: url('./assets/icon_exercises.png');
  background-size: 15px;
  content: '';
}
.icon_menu_mesaage::before{
  display: block;
  height: 15px;
  width: 15px;
  background-image: url('./assets/icon_message.png');
  background-size: 15px;
  content: '';
}
.icon_menu_setting::before{
  display: block;
  height: 15px;
  width: 15px;
  background-image: url('./assets/icon_setting.png');
  background-size: 15px;
  content: '';
}
.router-link-exact-active .is-active{
  color: #fff !important;
  background-color: #0092e8 !important;
}
</style>
